import React, { PureComponent } from 'react';
import { Carousel, Row, Col, List, Avatar, message, Table, Button, Tabs, Select } from 'antd';

import Header from '../../components/Header/Header.js'
import Footer from '../../components/Footer/Footer.js'
import Student from '../../components/Student/Student.js'
import Art from '../../components/Art/Art.js'
import Card from '../../components/Card/Card.js'
import Expert from '../../components/Expert/Expert.js'
import Psy from '../../components/Psy/Psy.js'
import User from '../../components/User/User.js'
import Subject from '../../components/Subject/Subject.js'
import './admin.css';
export default class Admin extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            data: []
        }
    }
    componentDidMount() {
        // this.getAdmin();
    }
    render() {
        const TabPane = Tabs.TabPane;
        return (<div>
            <Header current="userinfo" />
            <div className='action'>
                <Tabs tabPosition="left" size="large" style={{ marginTop: 15 }}>
                    <TabPane tab="学生管理" key="1">
                        <Student />
                    </TabPane>
                    <TabPane tab="专家管理" key="2">
                        <Expert />

                    </TabPane>
                    <TabPane tab="社区管理" key="3">
                        <Card />
                    </TabPane>
                    <TabPane tab="文章管理" key="4">
                        <Art />
                    </TabPane>
                    <TabPane tab="测试题管理" key="5">
                        <Subject />
                    </TabPane>
                    <TabPane tab="心里类型管理" key="6">
                        <Psy />
                    </TabPane>
                    <TabPane tab="用户管理" key="7">
                        <User />
                    </TabPane>
                </Tabs>

            </div>
            <Footer />
        </div>);
    }
}